<script setup lang="ts">
//这里编写ts代码
import {ref, onMounted} from 'vue'
const inputRef = ref<HTMLInputElement | null>(null)
onMounted(() => {
  //inputRef.value存放的数据在组件渲染完毕之前是null
  //渲染完毕之后才是真实的dom
  //可选链，如果?左侧的对象是 null 或 undefined，则停止执行并返回 undefined，否则继续访问右侧的属性或方法
  inputRef.value?.focus()
})
const aRef = ref<HTMLAnchorElement | null>(null)
onMounted(() => {
  console.log(aRef.value?.href)
})

</script>

<template>
  <div>
    开始写vue和ts
    <input type="text" ref="inputRef">
    <a href="" ref="aRef"></a>
  </div>
</template>

<style scoped>

</style>
